<template>
  <div class="app-container">
    <div class="filter-container add1">
      <el-form style="">
        <el-form-item>
          <el-button type="primary" icon="plus" size="medium" @click="getAll" >全部</el-button>
          <el-button type="primary" icon="plus" size="medium" @click="getHigh" >高轨</el-button>
          <el-button type="primary" icon="plus" size="medium" @click="getLow" >低轨</el-button>
        </el-form-item>
      </el-form>
    </div>
    <br>
    <el-table :data="GS"  :span-method="objectSpanMethod" border style="width: 100%" :show-header="false">
      <el-table-column
        prop="category"
        label="ID"
        width="200">
      </el-table-column>
      <el-table-column
        prop="column1"
        label="姓名">
      </el-table-column>
      <el-table-column
        prop="column2"
        label="数值 1">
      </el-table-column>
      <el-table-column
        prop="column3"
        label="数值 2">
      </el-table-column>
    </el-table>
    <el-table :data="GPSS"  :span-method="objectSpanMethod" border style="width: 100%" :show-header="false">
      <el-table-column
        prop="category"
        label="ID"
        width="200">
      </el-table-column>
      <el-table-column
        prop="column1"
        label="姓名">
      </el-table-column>
      <el-table-column
        prop="column2"
        label="数值 1">
      </el-table-column>
      <el-table-column
        prop="column3"
        label="数值 2">
      </el-table-column>
    </el-table>
    <el-table :data="SS"  :span-method="objectSpanMethod" border style="width: 100%" :show-header="false">
      <el-table-column
        prop="category"
        label="ID"
        width="200">
      </el-table-column>
      <el-table-column
        prop="column1"
        label="姓名">
      </el-table-column>
      <el-table-column
        prop="column2"
        label="数值 1">
      </el-table-column>
      <el-table-column
        prop="column3"
        label="数值 2">
      </el-table-column>
    </el-table>
    <el-table :data="ARS"  :span-method="objectSpanMethod" border style="width: 100%" :show-header="false">
      <el-table-column
        prop="category"
        label="ID"
        width="200">
      </el-table-column>
      <el-table-column
        prop="column1"
        label="姓名">
      </el-table-column>
      <el-table-column
        prop="column2"
        label="数值 1">
      </el-table-column>
      <el-table-column
        prop="column3"
        label="数值 2">
      </el-table-column>
    </el-table>
    <el-table :data="WS"  :span-method="objectSpanMethod" border style="width: 100%" :show-header="false">
      <el-table-column
        prop="category"
        label="ID"
        width="200">
      </el-table-column>
      <el-table-column
        prop="column1"
        label="姓名">
      </el-table-column>
      <el-table-column
        prop="column2"
        label="数值 1">
      </el-table-column>
      <el-table-column
        prop="column3"
        label="数值 2">
      </el-table-column>
    </el-table>
    <el-table :data="ERS"  :span-method="objectSpanMethod" border style="width: 100%" :show-header="false">
      <el-table-column
        prop="category"
        label="ID"
        width="200">
      </el-table-column>
      <el-table-column
        prop="column1"
        label="姓名">
      </el-table-column>
      <el-table-column
        prop="column2"
        label="数值 1">
      </el-table-column>
      <el-table-column
        prop="column3"
        label="数值 2">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
    export default {
      data() {
        return {
          GS: [
            {category: 'Geodetic Satellites(6)',column1: 'EGP',column2: 'LAGEOS 1',column3: ' '},
            ],
          GPSS: [
            {category: 'Geodetic Satellites(6)',column1: 'EGP',column2: 'LAGEOS 1',column3: ' '},
          ],
          SS: [
            {category: 'Geodetic Satellites(6)',column1: 'EGP',column2: 'LAGEOS 1',column3: ' '},
          ],
          ARS: [
            {category: 'Geodetic Satellites(6)',column1: 'EGP',column2: 'LAGEOS 1',column3: ' '},
          ],
          WS: [
            {category: 'Geodetic Satellites(6)',column1: 'EGP',column2: 'LAGEOS 1',column3: ' '},
          ],
          ERS: [
            {category: 'Geodetic Satellites(6)',column1: 'EGP',column2: 'LAGEOS 1',column3: ' '},
          ],
        };

      },
      methods: {
        getAll: function () {
          console.log("getAll")
        },
        getHigh: function () {

        },
        getLow: function () {

        }
      }

    }
</script>

<style scoped>

</style>
